<!DOCTYPE html>

<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
		<link type="text/css" href="../css/style.css" rel="stylesheet"  />
		<title>Portal de aves acuáticas</title>
	</head>
	<body>
		<div class="header">
		<img src="../imgs/top_banner.jpg" width="900" height="110" alt="GuyraLogo" />
			
			<div><h1>Portal de aves acuáticas</h1></div>
			<br/><br/>
			<div><ul class="navigation">
				<li><a href="../index.html">Inicio</a></li>
				<li><a href="../especies/listar.html" style="background: #191970; color: #FFF">Especies</a></li>
				<li><a href="../expertos/listar.html">Expertos</a></li>
				<li><a href="../instituciones/listar.html">Instituciones</a></li>
				<li><a href="../proyectos/listar.html">Proyectos</a></li>
				<li><a href="../documentos/listar.html">Documentos</a></li>
				<li><a href="../publicaciones/listar.html">Publicaciones</a></li>
				<li><a href="../buscador/listar.html">Buscador</a></li>
			</ul></div>
			<p><br/><br/></p>
		</div>
		<br/><br/>
		<h2>Listado de especies</h2>
		<p class="intro">A continuación se listan todas las especies cargadas en el portal.</p>
		<a href="crear.html">Agregar nueva especie</a>
		<br />
		<div class="filters">
		<h3>Filtros</h3>
		<form class="formInput">
			<label for="nombreComun">Nombre:</label>
			<input type="text" name="nombreComun" /><br />
			<label for="especie">Especie:</label>
			<input type="text" name="especie" /><br />
			<label for="estadoCons">Estado de conservación: </label>
			<select name="estadoCons"> 
				<option value="TO" selected="selected">Todos</option>
				<option value="NE">No evaluado</option>
				<option value="DD">Datos insuficientes</option>
				<option value="LC">Mínima preocupacion</option>
				<option value="NT">Proxima a la vulnerabilidad</option>
				<option value="VU">Vulnerable</option>
				<option value="EN">En peligro</option>
				<option value="CR">En peligro critico</option>
				<option value="EW">Extinto en estado salvaje</option>
				<option value="EX">Extinto</option>
			</select><br />
			<label for="tipoMig">Tipo de migración: </label>
			<select name="tipoMig"> 
				<option value="T" selected="selected">Todos</option>
				<option value="C">Corta distancia</option>
				<option value="L">Larga distancia</option>
			</select><br />
			<!-- <label for="reino">Reino: </label>
			<input type="text" name="reino" /><br />
			<label for="filo">Phylum: </label>
			<input type="text" name="filo" /><br />
			<label for="clase">Clase: </label>
			<input type="text" name="clase" /><br /> -->
			<label for="orden">Orden: </label>
			<!-- <input type="text" name="orden" /><br /> -->
			<select name="orden">
				<option value="0" selected="selected">Todos</option>
				<option value="4">Anseriformes</option>
				<option value="5">Falconiformes</option>
				<option value="6">Galliniformes</option>
				<option value="7">Columbiformes</option>
				<option value="8">Psitaciformes</option>
				<option value="9">Paseriformes</option>
			</select><br />
			<label for="familia">Familia: </label>
			<!-- <input type="text" name="genero" /><br /> -->
			<select name="familia">
				<option value="0" selected="selected">Todas</option>
				<option value="10">Anhimidae</option>
				<option value="11">Anseranatidae</option>
				<option value="12">Anatidae</option>
				<option value="13">Cathartidae</option>
				<option value="14">Pandionidae</option>
				<option value="15">Accipitridae</option>
				<option value="16">Sagittariidae</option>
				<option value="17">Falconidae</option>
				<option value="18">Megapodiidae</option>
				<option value="19">Cracidae</option>
				<option value="20">Numididae</option>
				<option value="21">Odontophoridae</option>
				<option value="22">Phasianidae</option>
				<option value="23">Raphidae</option>
				<option value="24">Columbidae</option>
				<option value="25">Numididae</option>
				<option value="26">Odontophoridae</option>
				<option value="27">Phasianidae</option>
				<option value="28">Raphidae</option>
				<option value="29">Columbidae</option>
				<option value="30">Cacatuidae</option>
				<option value="31">Strigopidae</option>
				<option value="32">Psittacidae</option>
				<option value="33">Tyrannidae</option>
				<option value="34">Laniidae</option>
				<option value="35">Vireonidae</option>
				<option value="36">Corvidae</option>
				<option value="37">Alaudidae</option>
				<option value="38">Troglodytidae</option>
				<option value="39">Turdidae</option>
				<option value="40">Mimidae</option>
				<option value="41">Bombycillidae</option>
				<option value="42">Ptilogonatidae</option>
				<option value="43">Parulidae</option>
				<option value="44">Emberizidae</option>
			</select><br />
			<label for="genero">Género: </label>
			<!-- <input type="text" name="genero" /><br /> -->
			<select name="genero">
				<option value="0" selected="selected">Todos</option>
				<option value="45">Anhima</option>
				<option value="46">Chauna</option>
				<option value="47">Anseranas</option>
			</select><br />
			<label for="pais">País: </label>
			<!-- <input type="text" name="localidad" /><br />-->
			<select name="pais">
				<option value="TO" selected="selected">Todos</option>
				<option value="AR">Argentina</option>
				<option value="BO">Bolivia</option>
				<option value="BR">Brasil</option>
				<option value="CH">Chile</option>
				<option value="CO">Colombia</option>
				<option value="EC">Ecuador</option>
				<option value="GU">Guyana</option>
				<option value="PY">Paraguay</option>
				<option value="PE">Perú</option>
				<option value="SU">Surinam</option>
				<option value="UR">Uruguay</option>
				<option value="VE">Venezuela</option>
			</select><br />
			<input type="submit" value="Aplicar filtro" />
		</form>
		</div>
		<div class="contents">
			<h3>Resultados</h3>
			<table>
				<colgroup>
					<col class="quantity">
					<col class="ingredient">
				</colgroup>
				<thead>
					<tr>
						<th>Nombre común</th>
						<th>Países</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><a href="detalle.html">Gaviota reidora</a></td>
						<td>Chile, Colombia, Ecuador, Venezuela</td>
					</tr>
					<tr>
						<td>Especie 1</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
					<tr>
						<td>Especie 2</td>
						<td>Localidad 3</td>
					</tr>
					<tr>
						<td>Especie 3</td>
						<td>Localidad 1, Localidad 2, Localidad 3</td>
					</tr>
					<tr>
						<td>Especie 4</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
					<tr>
						<td>Especie 5</td>
						<td>Localidad 5</td>
					</tr>
					<tr>
						<td>Especie 6</td>
						<td>Localidad 2</td>
					</tr>
					<tr>
						<td>Especie 7</td>
						<td>Localidad 1, Localidad 2, Localidad 5</td>
					</tr>
					<tr>
						<td>Especie 8</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
					<tr>
						<td>Especie 9</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
				</tbody>
			</table>
			<br />
			<a href="listarMas.html">Ver más</a>
		</div>
	</body>
</html>